html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol, ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle;padding: 0;margin: 0;-webkit-appearance: none;outline: none}

body {
    background: url("../images/bg.png");
    line-height: 1.4em ;
    color: #7c624f;
    font-size: 1em;
    font-family:Arial, sans-serif;
    -webkit-text-size-adjust: none;
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix{zoom:1}
a{text-decoration: none;color: #181818}
.text-box{
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #d4bda8;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1em;
    color: #7c624f;
    box-shadow: 0 -1px 1px #FFF inset;
    -webkit-box-shadow: 0 -1px 1px #FFF inset;
    -moz-box-shadow: 0 -1px 1px #FFF inset;
    -ms-box-shadow: 0 -1px 1px #FFF inset;
    -o-box-shadow: 0 -1px 1px #FFF inset;
    background: #fcf9f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcf9f4 0%, #f0e3d0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf9f4), color-stop(100%,#f0e3d0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* IE10+ */
    background: linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9f4', endColorstr='#f0e3d0',GradientType=0 ); /* IE6-9 */
}
input.text-box{
    background: #f9f4ed;
}
.btn-red{
    border: 1px solid #761303;
        border-radius: 5px;
        color: #ffbe01;
        font-size: 1em;
        text-shadow: 0 1px #000;
        text-align: center;
        display: block;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 10px;
        font-weight: bold;
        box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
        -webkit-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
        -moz-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
        -ms-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
        -o-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
        background: #b90713; /* Old browsers */
        background: -moz-linear-gradient(top,  #b90713 0%, #720201 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b90713), color-stop(100%,#720201)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #b90713 0%,#720201 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #b90713 0%,#720201 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #b90713 0%,#720201 100%); /* IE10+ */
        background: linear-gradient(top,  #b90713 0%,#720201 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90713', endColorstr='#720201',GradientType=0 ); /* IE6-9 */
}
.main-content-box{
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 7px;
    margin: 10px;
    padding: 10px 0;
    background: #F4EADB;
}
.main-content-box.lighter{
    background: #f7f7f7;
}

/*
sprites ------------------------*/
.icon{background: url("../images/eat-sprites.png?v=1.3") no-repeat;display: inline-block;background-size:305px 45px}
    .iArrowUpDown       {width: 09px;height: 18px;background-position: 0 0;}
    .iAccount           {width: 21px;height: 22px;background-position: -9px 0;}
    .iSearch            {width: 14px;height: 15px;background-position: -30px 0;}
    .iPlay              {width: 16px;height: 16px;background-position: -44px 0;}
    .iShip              {width: 15px;height: 11px;background-position: -60px 0;}
    .iSepSmall          {width: 01px;height: 26px;background-position: -87px 0;}
    .iSep               {width: 01px;height: 36px;background-position: -88px 0;}
    .iPrice             {width: 13px;height: 12px;background-position: -89px 0;}
    .iArrowDown         {width: 15px;height: 15px;background-position: -102px 0;}
    .iArrowUp           {width: 15px;height: 15px;background-position: -102px 0;-webkit-transform: rotate(-90deg);}
    .iPlug              {width: 22px;height: 23px;background-position: -117px 0;}
    .iClose             {width: 12px;height: 13px;background-position: -139px 0;}
    .iShoppingCart      {width: 18px;height: 18px;background-position: -151px 0;}
    .iArrowDownGray     {width: 11px;height: 07px;background-position: -169px 0;}
    .iDel               {width: 22px;height: 22px;background-position: -180px 0;}
    .iCheckOut          {width: 24px;height: 22px;background-position: -202px 0;}
    .iAccountSmall      {width: 15px;height: 15px;background-position: -226px 0;}
    .iPhone             {width: 13px;height: 15px;background-position: -240px 0;}
    .iCalendar          {width: 18px;height: 15px;background-position: -253px 0;}
    .iFavourite         {width: 16px;height: 14px;background-position: -271px 0;}
    .iSetting           {width: 14px;height: 17px;background-position: -287px 0;}



/*
Header -------------------------------*/
header{
    position: relative;
    z-index: 20;
    height: 45px;
    background: url("../images/header-bg.png") repeat-x bottom left;
}
header .logo{
    float: left;
    padding: 5px 10px;
}
header .iSep{
    float: right;
    margin-right: 2px;
    margin-top: 2px;
}
header .link-account{
    float: right;
    line-height: 0;
    padding: 10px;
}

/*
location-form ------------------------*/
.location-form{
    width: 90%;
    margin:40px auto;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background: #f8f6f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8f6f9 0%, #f8ecde 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f6f9), color-stop(100%,#f8ecde)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8f6f9 0%,#f8ecde 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8f6f9 0%,#f8ecde 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8f6f9 0%,#f8ecde 100%); /* IE10+ */
    background: linear-gradient(top,  #f8f6f9 0%,#f8ecde 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f6f9', endColorstr='#f8ecde',GradientType=0 ); /* IE6-9 */
}
.location-form .title{
    font-size: 1.188em;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -2px 3px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 -2px 3px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 -2px 3px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 -2px 3px rgba(0,0,0,0.3) inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fff8ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff8ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff8ef',GradientType=0 ); /* IE6-9 */
}
.location-form .wrap-select{
    padding: 20px 10px;
}
.location-form .wrap-select p {
    position: relative;
}

.location-form .wrap-select select{}
.location-form .wrap-select i{
    position: absolute;
    top:12px;
    right:6px;

}
.location-form .wrap-select input[type=submit]{
    border: 1px solid #761303;
    border-radius: 5px;
    color: #ffbe01;
    font-size: 1em;
    text-shadow: 0 1px #000;
    text-align: center;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    font-weight: bold;
    box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
    -webkit-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
    -moz-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
    -ms-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
    -o-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
    background: #b90713; /* Old browsers */
    background: -moz-linear-gradient(top,  #b90713 0%, #720201 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b90713), color-stop(100%,#720201)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b90713 0%,#720201 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b90713 0%,#720201 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b90713 0%,#720201 100%); /* IE10+ */
    background: linear-gradient(top,  #b90713 0%,#720201 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90713', endColorstr='#720201',GradientType=0 ); /* IE6-9 */

}

/*
module-list-restaurant ---------------------*/
.module-list-restaurant{
    position: relative;
    z-index: 1;
    margin-top: -10px;
}
.module-list-restaurant .panel-search{
    background: #f4f4f4;
    padding: 20px 10px 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.module-list-restaurant .panel-search p{
    float: left;
    width: 49%;
    position: relative;
}
.module-list-restaurant .panel-search p:last-child{
    float: right;
}
.module-list-restaurant .panel-search .iSearch{
    position: absolute;
    top: 11px;
    left: 6px;
}
.module-list-restaurant .panel-search .iArrowUpDown{
    position: absolute;
    top: 11px;
    right: 6px;
}
.module-list-restaurant .panel-search .text-box{
    font-size: 0.875em;
    font-weight: normal;
    padding-right: 26px;
    margin-bottom: 0;
}
.module-list-restaurant .panel-search p:first-child .text-box{
    padding-left: 26px;
    padding-right: 6px;
}
.module-list-restaurant .lst-restaurant{}
.lst-restaurant .item{
    display: block;
    padding: 10px;
    border-bottom: 1px solid #d6c8b3;
    border-top: 1px solid #f9f0e4;
    position: relative;
    /*font-size: 0.813em;*/
}
.lst-restaurant .item:first-child{
    border-top: none;
}
.lst-restaurant .item:last-child{
    border-bottom: none;
}
.lst-restaurant .item .res-thumb{
    float: left;
}
.lst-restaurant .item .right-info{
    position: relative;
    float: left;
    width: 77%;
    padding-left: 10px;
}
.lst-restaurant .item .right-info span{
    display: block;
}
.lst-restaurant .item .res-name{
    color: #4a2912;
    font-size: 1em;
    font-weight: bold;
}
.lst-restaurant .item .cuisine{
    color: #bd3737;
}
.lst-restaurant .item .cuisine span{
    display: inline-block;
    color: #7c624f;
}
.lst-restaurant .item .ship-price span{
    display: inline-block;
    margin-right: 6px;
    color: #7c624f;
}
.lst-restaurant .item  .iPlay{
    position: absolute;
    top:42%;
    right: 8px;
}


/*
module-shop-cart -------------------------*/
.module-shop-cart{
    position: relative;
    margin-bottom: 10px;
    background: #f4f4f4;
    box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}
.module-shop-cart.sticky{
    position: fixed;
    z-index: 3;
    width: 100%;
    top: 0;
    left: 0;
}
.sticky{
    position: fixed;
    z-index: 3;
    width: 100%;
    top: 0;
    left: 0;
}
.module-shop-cart.active{
    background: #fff8f1 ;
}
.module-shop-cart .above-shop-cart {
    padding: 10px;
}

.above-shop-cart .iShoppingCart{
    float: left;
    margin: 4px 7px 0 0;
}
.above-shop-cart .iSepSmall{
    float: left;
    margin-right: 7px;
}
.above-shop-cart .count-item{
    float: left;
    color: #7c624f;
    margin-top: 2px;
}
.above-shop-cart .count-item span{
    font-weight: bold;
}
.above-shop-cart .iArrowDownGray{
    float: right;
    margin: 9px 4px 9px 9px;
}
.module-shop-cart.active .above-shop-cart .iArrowDownGray {
    -webkit-transform:rotate(-180deg);
}
.above-shop-cart .count-price{
    margin: 2px 1px;
    float: right;
    font-weight: bold;
    color: #8e0f00;
}
.module-shop-cart.active .above-shop-cart .count-price{
    display: none;
}

.module-shop-cart .below-shop-cart{
    display: none;
    padding: 8px 20px;
    position: absolute;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #f4f4f4;
    box-shadow: 0 2px 2px rgba(0,0,0,0.5), 0 -2px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5), 0 -2px 3px rgba(0,0,0,0.2);
}
.module-shop-cart.active .below-shop-cart{
    display: block;
}
.below-shop-cart .lst-item-cart{
    border-bottom: 1px solid #d6c8b3;
}
.below-shop-cart .shop-cart-item{
    display: block;
    position: relative;
    padding-bottom: 15px;
}
.below-shop-cart .shop-cart-item .thumb{
    float: left;
    width: 45px;
    border: 1px solid #FFF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.below-shop-cart .shop-cart-item .right-info{
    float: left;
    width: 77%;
    padding-left: 10px;
}
.below-shop-cart .shop-cart-item .iDel{
    position: absolute;
    top: 24%;
    right:0;
}
.below-shop-cart .shop-cart-item .item-name{
    font-size: 1em;
    color: #4a2912;
    display: block;
    font-weight: bold;
}
.below-shop-cart .shop-cart-item .item-price{
    display: block;
    color: #BD3737;
}
.below-shop-cart .total-price{
    border-top: 1px solid #FFF;
    padding: 10px 0;
}
.below-shop-cart .total-price span:first-child{
    color: #4b1515;
    float: left;
}
.below-shop-cart .total-price span:last-child{
    float: right;
    font-weight: bold;
    color: #8e0f00;
}
.below-shop-cart .btn-yellow{
    text-align: center;
    padding: 8px 0;
    margin-bottom: 10px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    border: 1px solid #ce8619;
    border-radius: 5px;
    box-shadow: 0 -2px 1px rgba(255,255,255,0.3) inset;
    -webkit-box-shadow: 0 -2px 1px rgba(255,255,255,0.3) inset;
    background: #fcb315; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcb315 0%, #e39425 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcb315), color-stop(100%,#e39425)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcb315 0%,#e39425 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcb315 0%,#e39425 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcb315 0%,#e39425 100%); /* IE10+ */
    background: linear-gradient(top,  #fcb315 0%,#e39425 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb315', endColorstr='#e39425',GradientType=0 ); /* IE6-9 */
}
.below-shop-cart .btn-yellow.tap{
    background: #fcb315; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcb315 0%, #f9af17 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcb315), color-stop(100%,#f9af17)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcb315 0%,#f9af17 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcb315 0%,#f9af17 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcb315 0%,#f9af17 100%); /* IE10+ */
    background: linear-gradient(top,  #fcb315 0%,#f9af17 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb315', endColorstr='#f9af17',GradientType=0 ); /* IE6-9 */
}
.below-shop-cart .btn-yellow .iCheckOut{
    vertical-align: -5px;
    margin-right: 3px;
}

/*
Menu -------------------------*/
.module-menu{
    position: relative;
    z-index: 1;
}
.module-menu.has-head{
    margin-top: -3px;
}
.module-menu .menus-item h2.title{
    color: #7c624f;
    font-size: 0.688em;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #decebd;
    border-top: 1px solid #decebd;
    padding: 6px 7px 3px;
    background: #FFF; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFF 0%, #f7f4eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#f7f4eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FFF 0%,#f7f4eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FFF 0%,#f7f4eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FFF 0%,#f7f4eb 100%); /* IE10+ */
    background: linear-gradient(top,  #FFF 0%,#f7f4eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#f7f4eb',GradientType=0 ); /* IE6-9 */
}
.module-menu .menus-item:first-child h2.title{
    border-radius: 7px 7px 0 0;
    margin-top: -10px;
    border-top: none;
}
.module-menu .menus-item h2.title .icon{
    position: absolute;
    top:7px;
    right:7px;
}
.module-menu .normal_message{
    margin: 10px;
    padding: 7px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0,0,0,0.4) inset;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4) inset;
    color: #FFF;
    font-weight: bold;
    border-radius: 7px;
    font-size: 0.750em;
}
.module-menu .normal_message b{
    color: #dbbaa8;
    font-weight: normal;
}
.module-menu .menus-item .food-item{
    padding: 7px;
    border-bottom: 1px solid #d6c8b3;
    border-top: 1px solid #f9f0e4;
    display: block;
    position: relative;
}
.module-menu .menus-item .food-item:nth-child(2){
    border-top: none;
}
.module-menu .menus-item .food-item:last-child{
    border-bottom: none;
}
.module-menu .food-item .thumb-food{
    float: left;
    width: 45px;
    border: 1px solid #FFF;
    box-shadow: 0 0 3px rgba(0,0,0,0.4) inset;
}
.module-menu .food-item .right-info{
    float: left;
    width: 77%;
    padding-left: 10px;
}
.module-menu .right-info .foot-name{
    display: block;
    font-size: 1em;
    color: #4a2912;
    font-weight: bold;
}
.module-menu .right-info .foot-price{
    display: block;
    color: #bd3737;
}
.module-menu .food-item .iPlug{
    position: absolute;
    top: 30%;
    right: 15px;
}
.module-menu .food-item .pop-option{
    position: absolute;
    z-index: 10;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    top:60px;
    left: 0;
    padding: 0 18px;
    display: none;
}
.module-menu .food-item.active-popup .pop-option{
    display: block;
}

.food-item .pop-option span{
    display: block;
}
.food-item .pop-option .pop-content{
    display: block;
    background: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
}
.food-item .pop-option .title{
    color: #4a2912;
    font-size: 1.188em;
    font-weight: bold;
    padding: 10px 0 10px 15px;
    background: #FFF8EF;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3) inset;
}
.food-item .pop-option .title .btn-close{
    float: right;
    padding: 6px;
    border-radius: 3px;
    margin: -2px 6px 2px 2px;
    line-height: 0;
    background: -moz-linear-gradient(top,  rgba(14,14,14,0.1) 0%, rgba(125,126,125,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,0.1)), color-stop(100%,rgba(125,126,125,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(14,14,14,0.1) 0%,rgba(125,126,125,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(14,14,14,0.1) 0%,rgba(125,126,125,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(14,14,14,0.1) 0%,rgba(125,126,125,0.1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(14,14,14,0.1) 0%,rgba(125,126,125,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0e0e0e', endColorstr='#1a7d7e7d',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
}
.pop-option .option-item{
    padding: 12px 20px;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
}
.pop-option .option-item:last-child{
    border: none;
}
.pop-option .option-item label{
    position: absolute;
    top: 14px;
    left: 17px;
    font-weight: bold;
    color: #7b563c;
}
.pop-option .option-item .iArrowUpDown{
    position: absolute;
    top: 14px;
    right: 16px;
}
.pop-option .option-item select{
    float: right;
    border: none;
    color: #bd3737;
    font-size: 1em;
    direction: rtl;
    background: transparent;
    width: 100%;
    padding-right: 10px;
}
.pop-option .wrap-btn-submit{
    padding: 12px 15px;
}

/*
module-address ************************/
.module-address{

}
.module-address .create-address{
    padding: 20px 10px 15px;
    margin-top: -10px;
    font-size: 0.938em;
    font-weight: bold;
    border-radius: 7px 7px 0 0;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fff8ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff8ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff8ef',GradientType=0 ); /* IE6-9 */
}
.create-address .btn-create-address{
    float: right;
    border: 1px solid #d4bda8;
    border-radius: 5px;
    box-shadow: 0 -2px 1px #FFF;
    -webkit-box-shadow: 0 -2px 1px #FFF;
    padding: 6px 8px;
    margin-top: -7px;
    font-weight: bold;
    font-size: 0.8em;
    color: #7c624f;
    background: #fcf9f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcf9f4 0%, #f0e3d0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf9f4), color-stop(100%,#f0e3d0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* IE10+ */
    background: linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9f4', endColorstr='#f0e3d0',GradientType=0 ); /* IE6-9 */
}
.create-address .btn-create-address .icon{
    vertical-align: -7px;
    margin-right: 3px;
}
.module-address .already-address{
    padding: 10px;
    border-bottom: 1px solid #d6c8b3;
    position: relative;
}
.module-address .already-address select{
    padding-right: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
}
.module-address .already-address .icon{
    position: absolute;
    top:23px;
    right: 17px;
}
.module-address .form-address{
    padding: 10px;
}
.module-address .form-address .title{
    font-size: 0.938em;
    font-weight: bold;
    color: #4a2912;
    padding-bottom: 5px;
}
.module-address .form-address input.text-box{
    margin-top: 3px;
}
.module-address .form-address label{
    font-size: 0.813em;
}
.module-address .form-address p{
    position: relative;
    padding-top: 3px;
}
.module-address .form-address p .icon{
    position: absolute;
    top:15px;
    right:7px;
}
.module-address .form-address .btn-red{
    margin-top: 17px;
}

/*
Module-bill *************************************/
.module-bill{

}
.module-bill .title{
    padding: 20px 10px 15px;
    margin-top: -10px;
    font-size: 0.938em;
    font-weight: bold;
    border-radius: 7px 7px 0 0;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fff8ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff8ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff8ef',GradientType=0 ); /* IE6-9 */
}
.module-bill .lst-foot-order{

}
.module-bill .lst-foot-order .order-item{
    padding: 5px 10px;
}
.lst-foot-order .left-info{
    float: left;
    width: 70%;
}
.lst-foot-order .left-info p{
    font-weight: bold;
    color: #4a2912;
}
.lst-foot-order .left-info span{
    font-size: 0.813em;
}
.lst-foot-order .price-item{
    float: right;
    text-align: right;
    color: #bd3737;
    font-size: 0.938em;
    width: 30%;
}
.module-bill .total-thiet-hai{
    padding: 10px;
    color: #4b1515;
    border: solid #d6c8b3;
    border-width: 1px 0;
}
.module-bill .total-thiet-hai span{
    float: right;
    color: #8e0f00;
    font-weight: bold;
}
.module-bill p.wrap-btn-submit{
    padding: 10px;
    margin-top: 10px;
}

/*
module-account ********************************/
.module-account{}
.module-account .user-info{
    padding: 10px;
    margin-top: -10px;
    border-radius: 7px 7px 0 0;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fff8ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff8ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff8ef',GradientType=0 ); /* IE6-9 */
}
.module-account .user-info{

}
.module-account .lbl-info{
    display: inline-block;
    color: #4a2912;
    font-size: 0.938em;
    font-weight: bold;
}
.module-account .icon{
    vertical-align: -2px;
    margin-right: 10px;
}
.module-account .user-info .user-point{
    float: right;
    color: #bd3737;
    font-size: 0.813em;
}
.module-account .user-info .user-phone{
    font-size: 0.813em;
}
.module-account .user-info .user-point span{
    font-size: 1.154em;
    font-weight: bold;
}
.module-account .item-info{
    display: block;
    padding: 10px;
    border-top: 1px solid #f9f0e4;
    border-bottom: 1px solid #d6c8b3;
}
.wrap-lst-info .item-info:first-child{
    border-top: none;
}
.module-account .item-info .iPlay{
    float: right;
    margin: 0;
}
.module-account .wrap-btn-logout{
    padding: 10px 10px 0;
}
.module-account .wrap-btn-logout input{
    margin-bottom: 0;
}

/*
module-log-in-out **************************/
.module-log-in-out{}
.module-log-in-out .title{
    padding: 20px 10px 15px;
    margin-top: -10px;
    font-size: 0.938em;
    font-weight: bold;
    border-radius: 7px 7px 0 0;
    box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fff8ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff8ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff8ef',GradientType=0 ); /* IE6-9 */
}
.module-log-in-out .form-login:first-child{
    display: block;
}
.module-log-in-out .form-login:last-child{
    display: none;
}
.module-log-in-out.active-signup .form-login:first-child{
    display: none;
}
.module-log-in-out.active-signup .form-login:last-child{
    display: block;
}
.module-log-in-out .title .text-box{
    float: right;
    width: auto;
    min-width: 40%;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 0;
    margin-top: -10px;
}
.module-log-in-out .form-login .wrap-input{
    padding: 15px 10px 0;
}
.module-log-in-out .form-login p{
    padding-bottom: 3px;
    font-size: 0.813em;
}
.module-log-in-out .form-login .forgot-pass{
    float: right;
    color: #1b4180;
}
.module-log-in-out .form-login .btn-red{
    margin: 20px 0 0;
}
.module-log-in-out .form-login .term{
    padding-top: 5px;
    color: #4a2912;
    text-align: center;
}
.module-log-in-out .form-login .term a{
    color: #1b4180;
}




/*
comfirm-popup ************************/
.popup-comfirm{
    top: 30%;
    left: 11%;
    width: 70%;
}
.popup-comfirm .title{
    text-align: center;
}
.popup-comfirm select{
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-appearance:menulist;
    width: 100%;
}
.popup-comfirm .text-box{
    display: inline-block;
    width: 46%;
    margin-right: 10px;
    margin-top: 20px;
}
.popup-comfirm .text-box:last-child{
    margin-right: 0;
}














